<template>
  <div>
    <!--    <el-row :gutter="20">-->
    <!--      <el-col :span="12">-->
    <!--        <div style="width: 100%;height: 300px;background-color: aqua"></div>-->
    <!--      </el-col>-->
    <!--      <el-col :span="12">-->
    <!--        <div style="width: 100%;height: 300px;background-color: red"></div>-->
    <!--      </el-col>-->
    <!--    </el-row>-->

    <el-row>
      <el-col :span="6">
        <div style="padding: 10px;border: 1px solid #ccc;text-align:center">
          <img style="width: 80%;" src="@/assets/logo.png" alt="">
          <div style="text-align: center">这张图片文字描述</div>
          <div style="text-align: center">价格 $99</div>
        </div>
      </el-col>

      <el-col :span="6">
        <div style="padding: 10px;border: 1px solid #ccc;text-align:center">
          <img style="width: 80%;" src="@/assets/logo.png" alt="">
          <div style="text-align: center">这张图片文字描述</div>
          <div style="text-align: center">价格 $99</div>
        </div>
      </el-col>

      <el-col :span="6">
        <div style="padding: 10px;border: 1px solid #ccc;text-align:center">
          <img style="width: 80%;" src="@/assets/logo.png" alt="">
          <div style="text-align: center">这张图片文字描述</div>
          <div style="text-align: center">价格 $99</div>
        </div>
      </el-col>

      <el-col :span="6">
        <div style="padding: 10px;border: 1px solid #ccc;text-align:center">
          <img style="width: 80%;" src="@/assets/logo.png" alt="">
          <div style="text-align: center">这张图片文字描述</div>
          <div style="text-align: center">价格 $99</div>
        </div>
      </el-col>

    </el-row>

    <el-row>
      <el-col>
        <el-button>Element独特的按钮</el-button>
        <el-button type="primary">主要的按钮</el-button>
        <el-button type="primary">危险的按钮</el-button>
      </el-col>
    </el-row>
  </div>
</template>
<script lang="ts">
</script>